body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

th {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.bodystyle {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.small {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.medium {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.big {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

.xbig {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.expanded {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 2px;
}

.justified {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: justify;
}

.footer {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #999999;
}

.box1 {
	padding: 3px;
	border-width: thin;
	border-style: solid;
	border-color: #CCCCCC #666666 #666666 #CCCCCC;
}

.box2 {
	font-style: italic;
	word-spacing: 2pt;
	padding: 3px;
	border-width: thin;
	border-style: solid;
}
#container{
	width:1240px;
	height:550px;
	border:1px solid red;
}

#grid_panel{
	overflow:auto;
	width:1220px;
	height:530px;
	border:1px solid black;
	margin:10px;
	float:right;
}

dl { 
        margin: 0; 
        padding: 0;                     
}
dt { 
        position: relative; /* IE is dumb */
        clear: both;
        display: block; 
        float: left; 
        width: 104px; 
        height: 20px; 
        line-height: 20px;
        margin-right: 17px;              
        font-size: .75em; 
        text-align: right; 
}
dd { 
        position: relative; /* IE is dumb */
        display: block;                 
        float: left;     
        width: 197px; 
        height: 20px; 
        margin: 0 0 15px; 
        background: url("../images/g2.png"); 
		}
     * html dd { float: none; } 
    /* IE is dumb; Quick IE hack, apply favorite filter methods for 
    wider browser compatibility */

dd div { 
        position: relative; 
        background: url("../images/g1.png"); 
		background-color:#FF0000;
        height: 20px; 
        width: 75%; 
        text-align:right; 
}
dd div strong { 
        position: absolute; 
        right: -5px; 
        display: block; 
        background: url("../images/g0.png");
		height: 20px; 
        width: 10px; 
        text-align: left;
        text-indent: -9999px; 
        overflow: hidden;
}
.wbs_row{
	height:22px;
	background-color:#003399;
	margin-bottom:2px;
}
.wbs_timeline{
	height:22px;
	background-image:url(../images/cell.PNG);
	background-color:#CCCCCC;
	float:right;
	width:900px;
}
.grid_wbs_row{
	height:22px;
	background-color:#FFFFFF;
}
.wbs_days{
	width:30px;
}
.wbs_icon{
	background-color:#FFFFFF;
	color:#000000;
	width:30px;
}
.wbs_task{
	float:left;
	text-align:right;
	background-color:#993399;
	color:#FFFFFF;
}
.bar{
	text-align:center;
	border:2px double #000066;
	height:18px;
	width:100px;
	background-color:#0066FF;
	
}